<div class="col-md-3">
    <ul id="house-list" class="list-group">
        <li class="list-group-item" ng-repeat="x in page.list">
            <strong>{{x.name}}</strong>
            <img ng-src="{{x.src}}" width="100%" ng-click="houseDetail(x, $index)"/>
        </li>
    </ul>
</div>
<div class="col-md-6" style="text-align: center;">
    <iframe id="live-house" ng-show="currentHouse.liveAddress" ng-src="{{currentHouse.liveAddress || ''}}"></iframe>
    <img src="{{currentHouse.poster||'/images/error404.png'}}" ng-show="!currentHouse.liveAddress" style="max-width: 100%;"/>
</div>
<div class="col-md-3">
    <div class="close">
        <button class="btn btn-danger" ng-click="currentHouse.close()"><i class="fa fa-close"></i></button>
    </div>
    <h4>视频列表</h4>
    <ul class="list-group">
        <li class="list-group-item" ng-repeat="v in currentHouse.videos">
            <a href="javascript: void(0);" ng-click="currentHouse.open(v.name)">{{v.name}}</a>
        </li>
    </ul>
    <h4>缩略图：</h4>
    <ul class="list-group">
        <li class="list-group-item" ng-repeat="p in currentHouse.thumbnails">
            <img ng-src="{{p.src}}" style="width: 100%;"/>
        </li>
    </ul>
</div>
